<template>
  <div id="app">
    <!-- to 改变url(要跳转的地址) -->
    <!-- tag (router-link 默认为a标签) -->
    <!-- active-class (给选中的路由添加样式) -->
    <!-- <router-link to="/home" tag="span" active-class="active">Home</router-link> ----- 
    <router-link to="/about" tag="span" active-class="active">About</router-link> ------
    <router-link to="/detail" tag="span" active-class="active">详情</router-link> -->

    <!-- <router-link>  标签式跳转（导航式跳转） -->
    <!-- 编程式跳转 -->

    <!-- 展示视图 (占位符) -->
    <router-view></router-view>
  </div>
</template>

<script>


export default {
  name: 'App'
}
</script>

<style>
* {
  margin: 0;
  padding: 0;
  list-style: none;
}
  html, body, #app {
    height: 100%;
  }
  .h100 {
    height: 100%;
  }
  .active {
    color: red;
  }
</style>
